<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
      <style type="text/css">
       #container {
               color: #0097d0;
               background-image:url(images/background-choosePerso.png);
               background-repeat:no-repeat;
               position:absolute;
               width:1220px;
               height:656px;
               left: 50%;
               top: 50%;
               margin-top: -328px; /* moitié de la hauteur de l'image */
               margin-left: -610px; /* moitié de la largeur de l'image */
               }

       .content{

               margin-left:300px;
               margin-top: 225px;

               }

       input{
               background-color:transparent;

            }

       select{
               background-color:transparent;

             }
       </style>

</head>
<body>

<div id="container">
<div class="content">
<h1> Choix de votre personnage</h1>

<form method="post" accept-charset="">
<p>Entrez le nom de votre perso </p>
    <%- raw=createPersonageForm.toHTML() %>
    <input type="submit" value="Valider" />
</form>

</div>
</div>
</body>
</html>